<template>
    <view>
		<cu-custom bgColor="bgmain" :isBack="true">
            <view slot="content">通知公告</view>
        </cu-custom>
        <view class="content margin padding-sm">
    <rich-text :nodes="item.content"></rich-text>
            <!-- <mp-html :content="item.content"></mp-html> -->

        </view>
    </view>
</template>

<script>
var app = getApp();
export default {
    data() {
        return {
           item:{}
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
       this.init(options.id);
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () { },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () { },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () { },
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () { },
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () { },
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () { },
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () { },
    methods: {

        init(id=1){
            var self = this;
            app.globalData.util.request({
                url: 'school/noticeDetail',
                data: {
                   id
                },
                success:(res)=> {
                    console.log(res);
                    res.data.data.content = self.escape2Html(res.data.data.content);
                    self.setData({
                        item: res.data.data
                    });
                }
            });
        }
    }
};
</script>
<style>
/* gc_school/pages/webview/index.wxss */
.content{
    background:#fff;
    overflow: hidden;
}
</style>
